<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <title>助融报告</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--<meta name="screen-orientation" content="portrait">-->
    <!--<meta name="x5-orientation" content="portrait">-->
    <meta name="format-detection" content="telephone=no">
    <meta name="author" content="nop">
    <meta name="generator" content="wkhtmltopdf">
    <link rel="shortcut icon" href="/src/img/logo.png" type="image/x-icon">
    <meta name="description" content="">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <script src="/js/polyfill.min.js"></script>
    <script src="/js/jquery.min.js"></script>
    <script src="/js//lodash.min.js"></script>
    <script src="/js/bookjs/latest/bookjs-eazy.min.js"></script>
    <script src="/js/vue/2.6.9/vue.min.js"></script>
    <script src="/config.js"></script>
</head>

<body>
    <style>
        .logo {
            width: 150px;
            height: 50px;
            left: 26pt;
            top: 48pt;
        }

        .time {
            right: 26pt;
            top: 64pt;
            color: #666;
            font-size: 12pt;
            line-height: 17pt;
        }

        .qrcode {
            width: 70pt;
            height: 70pt;
            left: 262pt;
            bottom: 47pt;
        }

        .tip {
            color: #666;
            line-height: 20pt;
            font-size: 14pt;
            right: 26pt;
            bottom: 60pt;
            text-align: center;
        }

        .book {
            top: 318pt;
            text-align: center;
            width: 100%;
            color: #333;
            font-size: 36pt;
            line-height: 50pt;
            left: 0;
        }

        .name {
            font-size: 19pt;
            line-height: 27pt;
            color: #666;
            font-weight: 400;
            left: 0;
            text-align: center;
            width: 100%;
            top: 382pt;
        }

        .runing-text {
            font-size: 10pt;
            line-height: 13pt;
            color: #666;
        }

        .page-num {
            right: 26pt;
            bottom: 26pt;
        }

        .footer {
            left: 26pt;
            bottom: 26pt;
        }

        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            left: 26pt;
            right: 26pt;
            top: 26pt;
            line-height: 35pt;
        }

        .header_lf {
            width: 66pt;
            height: 23pt;
        }

        .header_rg {
            display: flex;
            align-items: center;
        }

        .header_rg img {
            width: 35pt;
            height: 35pt;
            margin-left: 7pt;
        }

        .item {
            color: #333;
            font-size: 11pt;
            line-height: 29pt;
        }

        .title {
            margin: 24pt 0 10pt;
            font-size: 14pt;
            color: #333;
            font-weight: 600;
            line-height: 20pt;
        }

        table {
            width: 100%;
            border-radius: 4pt;
            border: 1pt solid #eee;
            border-width: 1pt 0 0 1pt;
        }

        th,
        td {
            font-size: 12pt;
            line-height: 17pt;
            text-align: center;
            border: 1pt solid #eee;
            border-width: 0 1pt 1pt 0;
            padding: 0;
        }

        th,
        td.th {
            color: #111;
            font-weight: 500;
            background-color: #F1F5F9;
        }

        td {
            color: #333;
        }

        .cell {
            padding: 7pt 3pt;
            min-height: 30pt;
        }

        tr:has(> td)

        /* 确保tr至少有一个td */
        :not(:has(> td:not(:has(> div.nop-link-next)))) {

            /* 选择没有任何td不包含div.nop-link-next的tr */
            td {
                background-color: lightblue !important;
            }
        }



        .text {
            font-size: 11pt;
            line-height: 23pt;
            color: #333;
        }

        .sub {
            margin-bottom: 5pt;
        }

        .sub-name {
            font-size: 11pt;
            line-height: 15py;
            color: #333;
            font-weight: 600;
        }

        .sub-info {
            color: #666;
            font-size: 10pt;
            line-height: 13pt;
            vertical-align: middle;
        }

        .mr24-top {
            margin-top: 24pt;
        }

        .mr10-top {
            margin-top: 10pt;
        }

        .b-title {
            background-color: #f1f5f9;
            line-height: 17pt;
            padding: 7pt 0 7pt 10pt;
            color: #333;
            font-size: 12pt;
            margin: 24pt 0 6pt;
            font-weight: bold;
        }

        .title+.b-title {
            margin-top: 10pt;
        }

        .exemption {

            color: #333;
        }

        .exemption-title {
            margin: 30pt 0 10pt;
            font-size: 14pt;
            font-weight: bold;
            text-align: center;
            line-height: 20pt;
        }

        .exemption-p,
        .exemption-sign {
            font-size: 11pt;
            line-height: 14pt;
            margin-bottom: 10pt;
            font-weight: normal;
        }

        .exemption-sign {
            text-align: right;
            margin: 50pt 0 0;
        }
    </style>


    <div id="content-box" style="display: none">
        <!-- 封面 -->
        <div data-op-type="pendants">
            <img class="logo" src="/src//img/logo.png" />
            <div class="time">报告生成时间：{{time}}</div>
            <img class="qrcode" src="/src//img/qrcode.png" />
            <div class="tip">
                <p>微信扫一扫，使用助融报告小程序</p>
                <p>企业信息查询分析，免费/全面/快捷</p>
            </div>
            <h1 class="book">税务查询报告</h1>
            <h3 class="name">{{base.enterpriseName}}</h3>
        </div>

        <!-- 内容 -->
        <div data-op-type="new-page"></div>
        <!-- 内容的页眉页脚 -->
        <div data-op-type="pendants">
            <!-- 页眉-->
            <div class="header">
                <img class="header_lf" src="/src/img/logo.png" />
                <div class="header_rg">
                    <span class="runing-text">扫描二维码，添加企业微信</span>
                    <img src="/src//img/w_qrcode.png" />
                </div>
            </div>
            <!-- 页脚 -->
            <div class="footer runing-text ">顺顺助融（陕西）科技有限公司</div>
        </div>

        <div class="title">一、基本信息</div>
        <div v-for="item in baseMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, base) }}</span>
        </div>

        <template v-if="base.qccEnterprisePartnersList && base.qccEnterprisePartnersList.length">
            <div class="title">股东明细</div>
            <table data-op-type="table">
                <tr>
                    <th v-for="sProp in stockMap" :key="sProp.key" align="center" :width="sProp.width">
                        <div class="cell">{{sProp.label}}</div>
                    </th>
                </tr>
                <tr v-for="(paterner, pi) in base.qccEnterprisePartnersList" :key="pi">
                    <td v-for="sProp in stockMap" :key="sProp.key + pi" align="center" :width="sProp.width">
                        <div class="cell" data-op-type="text">{{displayItmVal(sProp, paterner)}}</div>
                    </td>
                </tr>
            </table>
        </template>

        <template v-if="base.businessScope">
            <div class="title">经营范围</div>
            <div class="text" data-op-type="text">{{base.businessScope}}</div>
        </template>

        <div class="title">二、纳税信息</div>
        <div v-for="item in taxMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, tax) }}</span>
        </div>

        <div class="title">近三年纳税信息</div>
        <div class="sub">
            <span class="sub_name">正税</span>
            <span class="sub-info">（正税主要包含增值税、企业所得税、车辆税的税费之和。）</span>
        </div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="(year) in taxListKeys1" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-m' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in taxListKeys1" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, taxList1[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="sub mr24-top">
            <span class="sub_name">附加税</span>
            <span class="sub-info">（附加税主要包含城市维护建设税、教育费附加、地方教育费附加、以及消费税、资源税、房产税、城镇土地使用税、车船税、印花税等。）</span>
        </div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="(year) in taxListKeys2" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-m' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in taxListKeys2" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, taxList2[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="title">纳税数据分析</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="160">
                    <div class="cell">纳税数据分析</div>
                </th>
                <th v-for="(_, rKey) in ratepaying" :key="rKey + '-ratepaying'" align=" center" :width="180">
                    <div class="cell">近{{rKey}}个月</div>
                </th>
            </tr>
            <tr v-for="rProp in ratepayingMap" :key="rProp.key">
                <td align="center" :width="160">
                    <div class="cell"> {{rProp.label}}</div>
                </td>
                <td v-for="(rItem, rKey) in ratepaying" :key="rKey + '-' + rProp.key" align="center" :width="180">
                    <div class="cell"> {{ displayItmVal(rProp, rItem) }}</div>
                </td>
            </tr>
        </table>

        <template v-if="tax.taxLateFeesList && tax.taxLateFeesList.length">
            <div class="title">滞纳金情况</div>
            <table data-op-type="table">
                <tr>
                    <th v-for="sProp in lateAmountMap" :key="sProp.key" align="center" :width="100">
                        <div class="cell">{{sProp.label}}</div>
                    </th>
                </tr>
                <tr v-for="(late, pi) in tax.taxLateFeesList" :key="pi">
                    <td v-for="sProp in lateAmountMap" :key="sProp.key + pi" align="center" :width="100">
                        <div class="cell">{{displayItmVal(sProp, late)}}</div>
                    </td>
                </tr>
            </table>
        </template>

        <template v-if="tax.creditEvaluationList && tax.creditEvaluationList.length">
            <div class="title">近两年纳税信用评级</div>
            <table data-op-type="table">
                <tr>
                    <th v-for="sProp in creditMap" :key="sProp.key" align="center" :width="sProp.width || 100">
                        <div class="cell">{{sProp.label}}</div>
                    </th>
                </tr>
                <tr v-for="(late, pi) in tax.creditEvaluationList" :key="pi">
                    <td v-for="sProp in creditMap" :key="sProp.key + pi" align="center" :width="sProp.width || 100">
                        <div class="cell" data-op-type="text">{{displayItmVal(sProp, late)}}</div>
                    </td>
                </tr>
            </table>
        </template>

        <template v-if="lawList && lawList.length">
            <div class="title">税务违法违规信息</div>
            <table v-for="illeagal in lawList" :key="illeagal.id" data-op-type="table" class="mr10-top">
                <tr v-for="iProp in illegalMap" :key="iProp.key">
                    <td class="th" align="center" width="100">
                        <div class="cell">{{iProp.label}}</div>
                    </td>
                    <td align="center" width="300">
                        <div data-op-type="text" class="cell">{{illeagal[iProp.key] || '-'}}</div>
                    </td>
                </tr>
            </table>
        </template>

        <div class="title">财务情况（元）</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="200">
                    <div class="cell">财务指标</div>
                </th>
                <th v-for="( year) in financeKeys" :key="'f' +year" align="center" :width="200">
                    <div class="cell">{{year}}年</div>
                </th>
            </tr>
            <tr v-for="(item) in financeMap" :key="item.key">
                <td align="center" :width="200">
                    <div class="cell">{{item.label}}</div>
                </td>
                <td v-for="(year) in financeKeys" :key="'f-m-' +year" align="center" :width="200">
                    <div class="cell">{{ displayItmVal(item, finance[year]) }}</div>
                </td>
            </tr>

        </table>

        <div class="title">三、发票信息</div>
        <div class="b-title">开具发票</div>
        <div v-for="item in billMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, bill) }}</span>
        </div>

        <div class="title">近三年开票总金额</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="(year) in billKeys" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-y' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in billKeys" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, billList[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="title">开票断票情况</div>
        <div v-for="item in billBreakMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, bill) }}</span>
        </div>

        <div class="title">开票对比分析</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="200">
                    <div class="cell">开票对比分析</div>
                </th>
                <th v-for="(rate, rKey) in billcompare" :key="rKey + '-billcompare'" align=" center" :width="160">
                    <div class="cell">近{{rKey}}个月</div>
                </th>
            </tr>
            <tr v-for="rProp in billcompareMap" :key="rProp.key">
                <td align="center" :width="200">
                    <div class="cell">{{rProp.label}}</div>
                </td>
                <td v-for="(rItem, rKey) in billcompare" :key="rKey + '-' + rProp.key" align="center" :width="160">
                    <div class="cell">{{ displayItmVal(rProp, rItem) }}</div>
                </td>
            </tr>
        </table>

        <div class="b-title">申报数据</div>
        <div v-for="item in applyMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, apply) }}</span>
        </div>

        <div class="title">申报数据对比分析</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="200">
                    <div class="cell">申报数据对比分析</div>
                </th>
                <th v-for="(rate, rKey) in applycompare" :key="rKey + '-billcompare'" align=" center" :width="160">
                    <div class="cell">近{{rKey}}个月</div>
                </th>
            </tr>
            <tr v-for="rProp in applycompareMap" :key="rProp.key">
                <td align="center" :width="200">
                    <div class="cell">{{rProp.label}}</div>
                </td>
                <td v-for="(rItem, rKey) in applycompare" :key="rItem.id + '-' + rProp.key" align="center" :width="160">
                    <div class="cell">{{ displayItmVal(rProp, rItem) }}</div>
                </td>
            </tr>
        </table>

        <div class="title">近三年申报总金额</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="( year) in applyKeys1" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-y' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in applyKeys1" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, applyList[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="title">近三年无票收入</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="(year) in applyKeye2" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-y' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in applyKeye2" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, applyList2[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="b-title">取得发票</div>
        <div v-for="item in invoiceMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, invoice)}}</span>
        </div>

        <div class="title">近三年取得发票总金额</div>
        <table data-op-type="table">
            <tr>
                <th align="center" :width="100">
                    <div class="cell">月份</div>
                </th>
                <th v-for="(year) in invoiceKeys" :key="'z-' + year" align="center" :width="150">
                    <div class="cell">{{year}} 年</div>
                </th>
            </tr>
            <tr v-for="month in 13" :key="'z-m' + month">
                <td align="center" :width="100">
                    <div class="cell">{{ month === 13 ? '合计' : `${month}月`}}</div>
                </td>
                <td v-for="(year) in invoiceKeys" align="center" :width="150">
                    <div class="cell">{{ displayItmVal({key: month === 13 ? 'total' : month, formatter:
                        formatAmountToUnits}, invoiceList[year]) }}</div>
                </td>
            </tr>
        </table>

        <div class="title">取得发票断票情况</div>
        <div v-for="item in invoicBreakeMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, invoice)}}</span>
        </div>

        <div class="title">取得发票对比分析</div>
        <table data-op-type="table">
            <tr>
                <th :width="200" align="center">
                    <div class="cell">取得发票对比分析</div>
                </th>
                <th v-for="(rate, rKey) in invoicecompare" :key="rKey + '-billcompare'" align="center" :width="160">
                    <div class="cell">近{{rKey}}个月</div>
                </th>
            </tr>
            <tr v-for="rProp in invoicecompareMap" :key="rProp.key">
                <td :width="200" align="center">
                    <div class="cell">
                        {{rProp.label}}
                    </div>
                </td>
                <td v-for="(rItem, rKey) in invoicecompare" :key="rItem.id + '-' + rProp.key" align="center"
                    :width="160">
                    <div class="cell">{{ displayItmVal(rProp, rItem)}}</div>
                </td>
            </tr>
        </table>

        <template v-if="consigneeList && consigneeList.length && customerList && customerList.length">
            <div class="title">供应商信息</div>
            <template v-if="consigneeList && consigneeList.length">
                <div class="sub">
                    <span class="sub_name">前十供应商信息</span>
                    <span class="sub-info">（近三年）</span>
                </div>
                <table data-op-type="table">
                    <tr>
                        <th v-for="(cProp, ci) in companyMap" :key="cProp.key" align="center" :width="cProp.width ">
                            <div class="cell">
                                {{cProp.label}}
                            </div>
                        </th>
                    </tr>
                    <tr v-for="consignee in consigneeList" :key="consignee.id">
                        <td v-for="(cProp, ci) in companyMap" :key="cProp.key + '-' + consignee.id" align="center"
                            :width="cProp.width ">
                            <div class="cell" data-op-type="text">
                                {{ displayItmVal(cProp, consignee) }}
                            </div>
                        </td>
                    </tr>
                </table>
            </template>

            <template v-if="customerList && customerList.length">
                <div class="sub  mr24-top">
                    <span class="sub_name">前十销售客户信息</span>
                    <span class="sub-info">（近三年）</span>
                </div>
                <table data-op-type="table">
                    <tr>
                        <th v-for="(cProp, ci) in companyMap" :key="cProp.key" align="center" :width="cProp.width">
                            <div class="cell">
                                {{ ci === 1 ? '客户名称' : ci === 2 ? '销售额（元）' :cProp.label}}
                            </div>
                        </th>
                    </tr>
                    <tr v-for="customer in customerList" :key="customer.id">
                        <td v-for="(cProp, ci) in companyMap" :key="cProp.key + '-' + customer.id" align="center"
                            :width="cProp.width ">
                            <div class="cell" data-op-type="text">
                                {{ displayItmVal(cProp, customer) }}
                            </div>
                        </td>
                    </tr>
                </table>
            </template>
        </template>

        <div class="title">五、工商司法</div>
        <div v-for="item in enterpriseMap" :key="item.key" class="item">
            <span>{{ item.label}}：</span>
            <span>{{ displayItmVal(item, enterprise)}}</span>
        </div>

        <template v-if="enterprise.enterpriseChangeList && enterprise.enterpriseChangeList.length">
            <div class="title">工商变更信息</div>
            <table data-op-type="table">
                <tr>
                    <th v-for="(cProp, ci) in changeMap" :key="cProp.key" align="center" :width=" cProp.width">
                        <div class="cell">
                            {{cProp.label}}
                        </div>
                    </th>
                </tr>
                <tr v-for="change in enterprise.enterpriseChangeList" :key="change.id">
                    <td v-for="(cProp, ci) in changeMap" :key="cProp.key + '-' + change.id" :width="cProp.width"
                        align="center">
                        <div class="cell" data-op-type="text">
                            {{ change[cProp.key] || '-' }}
                        </div>
                    </td>
                </tr>
            </table>
        </template>

        <template v-if="enterprise.qccEnterpriseCaseList && enterprise.qccEnterpriseCaseList.length">
            <div class="title">判决文书</div>
            <table data-op-type="table">
                <tr>
                    <th v-for="(cProp, ci) in caseMap" :key="cProp.key" align="center" :width="cProp.width">
                        <div class="cell">
                            {{cProp.label}}
                        </div>
                    </th>
                </tr>
                <tr v-for="casei in enterprise.qccEnterpriseCaseList" :key="casei.id">
                    <td v-for="(cProp, ci) in caseMap" :key="cProp.key + '-' + casei.id" align="center"
                        :width="cProp.width">
                        <div class="cell" data-op-type="text">
                            {{casei[cProp.key] || '-'}}
                        </div>
                    </td>
                </tr>
            </table>
        </template>

        <div data-op-type="new-page"></div>
        <div class="exemption">
            <h4 class="exemption-title">税务查询免责声明</h4>
            <p class="exemption-p">
                本报告内容为截至该时间点信用主体在相关信息公示、公开信息数据整理分析所得，我司不对本报告的全面、准确、真实性进行分辨和核验，不负相关法律责任，本报告内容不构成我们对任何人或企业之明示或暗示的观点或保证，仅为您提供参考，真实结果请以各官方网站的公布结果为准。
            </p>
            <p class="exemption-p">
                本报告仅供商业决策参考之用，不构成助融报告对任何人之明示或暗示的观点或保证。您不得将本数据向任何第三方出售/向境外传输/在境外存储、使用；同时您不得利用本数据从事任何违法违规行为。否则，由此产生的一切后果由您自行承担。
            </p>
            <div class="exemption-sign">出具单位：顺顺助融（陕西）科技有限公司。</div>
        </div>
    </div>
    <script>
        bookConfig = {
            pageSize: 'ISO_A4',
            orientation: 'portrait',
            padding: '70pt 26pt 65pt',
            // simpleCatalog: {
            //     titlesSelector: 'h2,h3'
            // },
            simplePageNum: {
                pageBegin: 1,
                pendant: '<div class="page-num runing-text"><span style="">$' + '{PAGE}' + '</span></div>',
            },
            toolBar: {
                serverPrint: {
                    serverUrl: window.SERVER_URL,
                    params: {
                        // 打印超时时间
                        timeout: 120000,
                    },
                },
                webPrint: true,
                saveHtml: false,
            },
            start: false,
        }
    </script>
    <script type="module">
        import $utils from './src/mjs/utils.js'
        import $apis from './src/mjs/apis.js'
        import $constant from './src/mjs/constant.js'
        const { getBase, getTax, getPaidTax, getBill, getApply, getCompany, getEnterprise, getInvoice } = $apis
        const { formatDate, tax2Map, formatHorital, formatAmountToUnits, formatPercent, sortKeys, displayItmVal } = $utils
        Promise.all([getBase(), getTax(), getPaidTax(1), getPaidTax(2), getBill(), getApply(), getInvoice(), getCompany(), getEnterprise()]).then(([base, tax, taxList1, taxList2, bill, apply, invoice, company, enterprise]) => {
            const { map: taxMap1, keys: taxListKeys1 } = tax2Map(taxList1)
            const { map: taxMap2, keys: taxListKeys2 } = tax2Map(taxList2)
            const { map: billList, keys: billKeys } = tax2Map(bill.invoiceInfoDataList)
            const { map: invoiceList, keys: invoiceKeys } = tax2Map(invoice.invoiceForInDataList)
            const { map: applyList, keys: applyKeys1 } = tax2Map(apply.applyInfoDataList)
            const { map: applyList2, keys: applyKeye2 } = tax2Map(apply.applySalesDataList)
            const finance = formatHorital(tax.spiderFinanceInfosYearList, 'year', 'spiderFinanceInfoVo')
            const financeKeys = sortKeys(finance)
            new Vue({
                el: "#content-box",
                data: function () {
                    return {
                        base,
                        tax,
                        taxList1: taxMap1,
                        taxList2: taxMap2,
                        taxListKeys1,
                        taxListKeys2,
                        lawList: tax.lawRegulationViolationVoList,
                        time: base.createTime?.slice(0, 10),
                        finance,
                        financeKeys,
                        ratepaying: formatHorital(tax.enterpriseMonthPaidList, 'month', 'taxEnterprisePaidDate'),
                        bill,
                        billList,
                        billKeys,
                        billcompare: formatHorital(bill.enterpriseMonthApplyList, 'month', 'taxEnterpriseApplyDate'),
                        invoice,
                        invoiceList,
                        invoiceKeys,
                        invoicecompare: formatHorital(invoice.taxEnterpriseMonthInvoiceForInVoList, 'month', 'taxEnterpriseInvoiceDateForInVo'),
                        apply,
                        applyList,
                        applyKeys1,
                        applyList2,
                        applyKeye2,
                        applycompare: formatHorital(apply.enterpriseMonthApplyList, 'month', 'taxEnterpriseApplyDate'),
                        consigneeList: company.paidTaxesDataList,
                        customerList: company.redInvoiceInfoDataList,
                        enterprise,
                        ...$constant,
                        formatAmountToUnits,
                        formatPercent,
                        displayItmVal
                    }
                }
            });
        }).finally(() => {

            bookConfig.start = true;

        });

    </script>
</body>

</html>